<template>
  <div class="home">
    <a-row>
        <a-col :span="12">
          <a-card title="图表">
            <div id="myChart" :style="{width: '100%', height: '300px'}"></div>
          </a-card>
        </a-col>
        <a-col :span="12">
          <a-card title="平台通知">
            尊敬的固买平台用户：
            我们已于2019年6月2日05:00对全平台进行系统功能升级。
            【更新内容】 客户端：1. 平台货期从工作日调整为自然日；
            2. 在询价大厅列表，报价次数旁，增加【查看参与供应商】按钮，可以查看参与的供应商和对应的商品
            供应商端：1. 平台货期从工作日调整为自然日，请报价时多加注意；
            2. 供应商商品导入模板调整；2.客户下单后，需要短信提醒对应供应商.
          </a-card>
        </a-col>
      </a-row>
  </div>
</template>
<script>
export default {
  name: "home",
  data() {
    return {};
  },
  mounted() {
    let myChart = this.$echarts.init(document.getElementById("myChart"));
    // 绘制图表
    myChart.setOption({
      title: { text: "年度询价" },
      tooltip: {},
      xAxis: {
        data: ["衬衫", "羊毛衫", "雪纺衫", "裤子", "高跟鞋", "袜子"]
      },
      yAxis: {},
      series: [
        {
          name: "销量",
          type: "bar",
          data: [5, 20, 36, 10, 10, 20]
        }
      ]
    });
  }
};
</script>
<style>
.home{padding: 20px;margin-top: 24px;background-color: white;}
.ant-card-body{min-height: 348px;}
</style>
